//
var config = [
  {
    width: 200,
    top: 20,
    left: 200,
    opacity: 0.2,
    zIndex: 2
  },//0
  {
    width: 300,
    top: 70,
    left: 0,
    opacity: 0.8,
    zIndex: 3,
  },//1
  {
    width: 400,
    top: 120,
    left: 350,
    opacity: 1,
    zIndex: 5,
  },//2
  {
    width: 300,
    top: 70,
    left: 800,
    opacity: 0.8,
    zIndex: 3
  },//3
  {
    width: 200,
    top: 20,
    left: 500,
    opacity: 0.2,
    zIndex: 2
  }//4
];
// 获取li
var aLi = document.querySelectorAll('li');
var flag = true; // 门是开的
// 遍历li
function assign() {
  for (var i = 0; i < aLi.length; i++) {
    // 给每个li添加config数组中的样式
    animate(aLi[i], config[i], function () {
      flag = true;
    })
  }
}
assign();
// 点击左边按钮 让轮播图动起来
var prevBtn = document.querySelector('.prev');
zidong = function () {
  // 删除数组中的最后一个元素并返回 添加到config的第一个
  if (flag) {
    flag = false;
    config.unshift(config.pop());
    assign();
  }
}
prevBtn.onclick = zidong();
// setInterval(function () {
//   zidong()
// }, 3000)
// 点击右边按钮 让轮播图动起来
var nextBtn = document.querySelector('.next');
nextBtn.onclick = function () {
  // 删除数组中的第一个元素并返回 添加到config的最后一个
  if (flag) {
    config.push(config.shift())
    assign();
  }
}
    // 锁
    // 

















































































































































































































































































